@import "mixin";

.bjs-menu {
  /deep/ .el-menu-item {
    color: #858585;
    font-weight: normal;
    height: 40px;
    line-height: 40px;

    span {
      font-weight: bold;
    }

    &:hover {
      [data-theme="light"] & {
        color:$theme-color-light !important;
        background-color: #f5f5f5 !important;//$theme-color-light-3 !important;
      }
      [data-theme="night"] & {
        color:$theme-color-night-dark-7 !important;
        background-color: #403e44 !important;
      }
    }
  }

  /deep/ .el-menu-item.is-active {
    [data-theme="light"] & {color:$theme-color-light-dark !important;}
    [data-theme="night"] & {color:$theme-color-night-7 !important;}
    @include bg_color_3();
  }

}